<template>

    <div class="notice-btn-con" @click="handleNotice">
        <Tooltip content="通知" placement="bottom">
            <Icon :size="27" type="ios-notifications-outline" />
            <Badge :count="unReadCount"></Badge>
        </Tooltip>
    </div>
</template>
<script lang="ts">
import {Component, Vue, Inject, Prop, Watch} from 'vue-property-decorator';
import AbpBase from '@/lib/abpbase';
import Util from '@/lib/util';

@Component
export default class Notice extends AbpBase {
  name: string = 'Notice';

  get unReadCount() {
    return this.$store.state.notification.unreadCount;
  }

  handleNotice() {
    Util.addOther(this, 'notification');
  }

  async created() {
  }
}
</script>
<style lang="less" scoped>
@import './styles/notice.less';
</style>

